<script setup>
import { ref } from 'vue'
import MyIcon from '@/components/my-icon/index.vue'
import { Search } from '@element-plus/icons-vue'
const tabList = ref([])
const queryName = ref('')
</script>
<template>
	<div class="customer-detail-statistic">
		<div class="input-search">
			<el-input
				v-model="queryName"
				style="width: 192px"
				class="w-50 m-2"
				placeholder="请输入商品ID/商品名称搜索"
				:suffix-icon="Search"
			/>
		</div>
		<div class="empty-box">
			<img
				class="empty-img"
				src="../../../../../assets/img/img/customer-detail_xiaooe-empty.d79db79eb155.png"
				style="width: 136px"
				alt=""
			/>
			<div class="empty-description">Ta还没有购买过小鹅通商品哦～</div>
		</div>
	</div>
</template>
<style lang="scss" scoped>
.customer-detail-statistic {
	position: relative;
	width: 100%;
	height: 392px;
	padding: 0 24px;
	.empty-box {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 100%;
		.empty-description {
			margin-top: 16px;
			font-size: 14px;
			color: #000000a6;
		}
	}
}
</style>
